<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>
  <head>   
    <title>用户注册</title>
      <style>
          .form-container {
              display: flex;
              flex-direction: column; /* 垂直排列 */
          }


          .form-group {
              display: flex;
              align-items: center; /* 垂直居中 */
              margin-bottom: 15px; /* 文本框之间的间隔 */
          }

          .form-group label {
              width: 100px; /* 标签宽度 */
              margin-right: 10px; /* 标签和输入框之间的间隔 */
              text-align: right; /* 标签文本右对齐 */
          }

          .form-group input {
              width: 200px; /* 输入框占据剩余空间 */
          }
      </style>
  
  </head>

  <body>
   <h3>&nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;用户注册</h3>

   <div class="form-container">






       <form action="userInfoController" method="post">
       <div class="form-group">
           <label for="username">用户名:</label>
           <input type="text" id="username" name="userName" required>
       </div>
       <div class="form-group">
           <label for="password">密码:</label>
           <input type="password" id="password" name="password" required>
       </div>
       <div class="form-group">
           <label for="address">地址:</label>
           <input type="text" id="address" name="address" required>
       </div>


           <div class="form-group1">
               &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;     <input type="submit" value="提交"/>
               <input type="reset" value="重置"/>
           </div>




       </form>
   </div>
  </body>
</html>
